@charset "utf-8";
/* 
    author:PengJin;
    date:2020-12-14;
*/

/*--banner--*/
.banner{clear:both;position:relative;z-index:1;width:100%;height:650px;overflow:hidden;}
.banner .hd{position:absolute;z-index:333;left:0;bottom:52px;width:100%;text-align:center;}
.banner .hd li{display:inline-block;margin:0 10px;width:34px;height:34px;font:bold 14px/34px "DIN Medium";text-align:center;color:#fff;cursor:pointer;background:url(../images/dot.png) no-repeat 0 0;}
.banner .hd li.cur{color:#000;background-position:right 0;}
.banner .bd,.banner .bd ul{height:650px;}
.banner .bd li{width:100%;height:650px;}
.banner .bd li a{display:block;height:650px;background-repeat:no-repeat;background-position:center;}
.banner .prev,.banner .next{position:absolute;z-index:333;top:50%;margin-top:-38px;width:38px;height:38px;cursor:pointer;background-color:#fff;background-repeat:no-repeat;background-position:center;border-radius:50%;transition:all 0.5s;}
.banner .prev{left:4.5%;background-image:url(../images/banner_prev.png);}
.banner .next{right:4.5%;background-image:url(../images/banner_next.png);}
.banner .prev:hover,.banner .next:hover{background-color:#ffcc00;}
/*--end banner--*/

/*--searchBar--*/
.searchBar{padding:8px 0;overflow:hidden;background:#eee;}
.search-keyword{float:left;padding-left:30px;width:700px;height:38px;line-height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/hot.png) no-repeat 0 center;}
.search-keyword span{font-size:14px;color:#666;}
.search-keyword a{display:inline-block;font-size:14px;color:#666;}
.search-keyword a:after{content:"、";}
.search-keyword a:last-child:after{content:"";}
.search-keyword a:hover{text-decoration:none;color:#2d7bdd;}
.search-form{position:relative;float:right;width:272px;height:38px;}
.search-form input{display:block;padding:10px 20px;width:100%;height:38px;outline:none;border:#c8c8c8 solid 1px;border-radius:20px;background:transparent;box-sizing:border-box;transition:all 0.5s;}
.search-form input:hover{border-color:#333;}
.search-form button{display:block;position:absolute;right:1px;top:1px;width:36px;height:36px;cursor:pointer;border:none;outline:none;background:url(../images/search_btn.png) no-repeat center;}
/*--end searchBar--*/

/*--problem--*/
.problem{padding:80px 0;overflow:hidden;background:#fff url(../images/problem_bg.jpg) no-repeat center bottom;}
.problem .inner{position:relative;margin-top:65px;height:362px;overflow:hidden;}
.problem .item{position:absolute;text-align:center;}
.problem .item h3{position:relative;z-index:2;margin:0 auto;width:92px;height:92px;line-height:92px;font-size:18px;font-weight:normal;color:#fff;}
.problem .item h3:after{display:block;position:absolute;z-index:-1;top:0;left:0;width:92px;height:92px;content:"";background:url(../images/gear01.png) no-repeat;animation:rotate 5s linear infinite;}
.problem .item p{margin-top:15px;font-size:16px;color:#666;white-space:nowrap;}
.problem .item-1{left:50%;top:0;transform:translateX(-50%);}
.problem .item-2{left:160px;top:54px;}
.problem .item-3{right:160px;top:54px;}
.problem .item-4{left:0;bottom:0;}
.problem .item-5{right:0;bottom:0;}

@keyframes rotate{
    0%{transform:rotate(0);}
    100%{transform:rotate(360deg);}
}
/*--end problem--*/

/*--mode--*/
.mode{padding:80px 0;overflow:hidden;background:#eee;}
.mode .inner{overflow:hidden;}
.mode .item{height:414px;overflow:hidden;}
.mode .item .pic{width:600px;height:414px;overflow:hidden;}
.mode .item .pic img{display:block;width:100%;}
.mode .item .text{padding-top:40px;width:535px;overflow:hidden;}
.mode .item .text .hd{position:relative;overflow:hidden;}
.mode .item .text .hd:after{display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;content:"";background:#d5d5d5;}
.mode .item .text .hd h3{height:55px;line-height:55px;font-size:36px;font-weight:normal;color:#000;}
.mode .item .text .hd span{display:block;width:280px;height:46px;line-height:46px;font-size:16px;color:#fff;text-align:center;background:#2d7bdd;}
.mode .item .text .hd em{font-size:20px;font-family:"DIN Medium";}
.mode .item .text .bd{overflow:hidden;}
.mode .item .text .bd li{float:left;margin-top:45px;padding-left:25px;width:152px;font-size:16px;color:#666;background:url(../images/mode_txt_list.png) no-repeat 0 center;}
.mode .item-1{animation:fadeinR 1s;}
.mode .item-2{animation:fadeinL 1s;}
.mode .item-1 .pic,.mode .item-2 .text{float:left;}
.mode .item-2 .pic,.mode .item-1 .text{float:right;}
/*--end mode--*/

/*--ad--*/
.ad{padding:90px 0;height:120px;overflow:hidden;background:url(../images/ad_bg.jpg) no-repeat center;}
.ad .wrap-title{margin-bottom:25px;text-align:left;}
.ad .inner{overflow:hidden;}
.ad .inner dl{overflow:hidden;}
.ad .inner dt{float:left;width:140px;height:48px;line-height:48px;}
.ad .inner dt a{display:block;font-size:18px;color:#000;text-align:center;background:#ffcc00;transition:all 0.5s;}
.ad .inner dt a:before{display:inline-block;margin-right:6px;width:22px;height:22px;content:"";vertical-align:middle;background:url(../images/zx_btn.png) no-repeat 0 center;transition:all 0.5s;}
.ad .inner dt a:hover{color:#fff;text-decoration:none;background:#2d7bdd;}
.ad .inner dt a:hover:before{filter:contrast(0) brightness(2);}
.ad .inner dd{padding-left:20px;color:#fff;overflow:hidden;}
.ad .inner dd span{display:block;font-size:16px;}
.ad .inner dd em{display:block;font-family:"DIN Medium";font-size:24px;}
/*--end ad--*/

/*--videos--*/
.videos{padding:80px 0;overflow:hidden;background:#fff;}
.videos .inner{height:714px;overflow:hidden;}
.video-top{position:relative;float:left;width:897px;height:714px;overflow:hidden;}
.video-top .pic{overflow:hidden;}
.video-top .pic img{display:block;width:100%;transition:all 1s;}
.video-top .pic a{display:block;position:relative;width:897px;height:714px;}
.video-top .pic a:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5) url(../images/player_btn.png) no-repeat center;transition:all 0.5s;}
.video-top .tit{position:absolute;left:0;bottom:25px;width:100%;height:30px;line-height:30px;font-size:18px;color:#fff;text-align:center;}
.video-top:hover .pic img{transform:scale(1.1);}
.video-top:hover .pic a:after{background-color:rgba(0,0,0,0.8);}
.video-list{float:right;width:290px;}
.video-list .item{position:relative;margin-bottom:12px;height:230px;overflow:hidden;}
.video-list .pic{overflow:hidden;}
.video-list .pic img{display:block;width:100%;transition:all 1s;}
.video-list .pic a{display:block;position:relative;width:290px;height:230px;}
.video-list .pic a:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5) url(../images/player_btn.png) no-repeat center;transition:all 0.5s;background-size:32px;}
.video-list .tit{position:absolute;left:0;bottom:10px;width:100%;height:30px;line-height:30px;font-size:14px;color:#fff;text-align:center;transform:translateY(60px);transition:all 0.5s;}
.video-list .item:hover .pic img{transform:scale(1.1);}
.video-list .item:hover .pic a:after{background-color:rgba(0,0,0,0.8);}
.video-list .item:hover .tit{transform:translateY(0);}
/*--end videos--*/

/*--product--*/
.product{padding:80px 0;overflow:hidden;background:#eee;}
.product-menu{margin-bottom:28px;overflow:hidden;}
.product-menu .item{position:relative;margin-bottom:10px;height:68px;line-height:68px;overflow:hidden;background:#fff;}
.product-menu .item:last-child{margin-bottom:0;}
.product-menu .more{display:block;position:absolute;right:0;top:0;width:68px;height:68px;background:url(../images/product_menu_more.png) no-repeat center;}
.product-menu .more:hover{background-color:#2d7bdd;}
.product-menu .list{width:1130px;overflow:hidden;}
.product-menu .list dt{float:left;width:105px;height:68px;line-height:68px;font-size:16px;color:#fff;text-align:center;background:#2d7bdd;}
.product-menu .list dt a{color:#fff;}
.product-menu .list dd{padding-left:30px;overflow:hidden;}
.product-menu .list dd a{display:inline-block;margin-right:30px;font-size:16px;color:#333;}
.product-menu .list dd a:hover{color:#2d7bdd;text-decoration:none;}
.product-list{margin:-14px;overflow:hidden;}
.product-list .item{float:left;margin:14px;width:278px;text-align:center;overflow:hidden;background:#fff;}
.product-list .pic{height:262px;overflow:hidden;}
.product-list .pic img{display:block;width:100%;transition:all 1.5s;}
.product-list .tit{height:48px;line-height:48px;font-size:16px;border-top:#eee solid 1px;}
.product-list .tit a{display:block;padding:0 10px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-list .item:hover{background:#2d7bdd}
.product-list .item:hover .pic img{transform:scale(1.1);}
.product-list .item:hover .tit a{color:#fff;text-decoration:none;}
/*--end product--*/


/*--adv--*/
.adv{padding-top:115px;background:#fff url(../images/adv_bg.jpg) no-repeat center 0;}
.adv .zxBox{height:55px;line-height:55px;overflow:hidden;}
.adv .zxBox a{display:block;width:136px;text-align:center;font-size:18px;color:#000;background:#ffcc00;transition:all 0.5s;}
.adv .zxBox a:hover{text-decoration:none;letter-spacing:2px;}
.adv-inner{position:relative;height:740px;}
.adv-inner .box-title{position:absolute;z-index:3;right:0;top:0;text-align:right;background:#eee;}
.adv-inner .box-title h2{font-weight:normal;font-size:46px;line-height:52px;color:#000;}
.adv-inner .box-title p{margin:4px 0;font-size:18px;line-height:26px;font-size:18px;color:#666;}
.adv-inner .box-title em{display:block;position:relative;height:18px;line-height:18px;font-size:12px;color:#b2b1b1;text-transform:uppercase;}
.adv-inner .box-title em:after{display:block;position:absolute;right:120px;top:50%;width:170px;height:1px;content:"";background:#dedddd;}
.adv-inner .pic{position:absolute;right:-50px;bottom:0;width:540px;height:580px;overflow:hidden;}
.adv-inner .pic img{display:none;width:540px;height:580px;}
.adv-slide{position:relative;padding-left:105px;margin-top:35px;width:600px;height:735px;}
.adv-slide .item{margin-top:30px;}
.adv-slide .item .hd{height:50px;overflow:hidden;}
.adv-slide .item .hd em{display:block;float:left;width:70px;line-height:50px;font-size:48px;color:#2d7bdd;font-family:"DIN Medium";}
.adv-slide .item .hd h3{padding-top:10px;line-height:40px;font-size:24px;color:#333;overflow:hidden;}
.adv-slide .item .bd{padding-top:15px;height:200px;overflow:hidden;}
.adv-slide .item .bd h4{margin-bottom:20px;height:30px;line-height:30px;font-size:24px;font-weight:normal;color:#2d7bdd;}
.adv-slide .item .bd p{line-height:30px;font-size:16px;color:#666;}
.adv-slide .arrow{position:absolute;left:-60px;bottom:112px;width:120px;}
.adv-slide .arrow>div{float:left;width:60px;height:60px;cursor:pointer;}
.adv-slide .arrow .prev{background:#2d7bdd url(../images/prev.png) no-repeat center;}
.adv-slide .arrow .next{background:#ffcc00 url(../images/next.png) no-repeat center;}
.adv-slide .tel{position:absolute;right:45px;bottom:25px;}
.adv-slide .tel dl{padding-left:70px;height:50px;background:url(../images/tel.png) no-repeat 0 center;}
.adv-slide .tel dt{font-size:16px;color:#000;}
.adv-slide .tel dd{font:bold 30px/1 "DIN Medium";color:#2d7bdd;}
.adv-list{overflow:hidden;}
/*--end adv--*/

/*--honor--*/
.honor{padding:80px 0;overflow:hidden;background:#fff;}
.honor-slide{overflow:hidden;}
.honor-list .item{margin-right:16px;width:288px;text-align:center;overflow:hidden;}
.honor-list .pic{height:282px;overflow:hidden;border:#dedede solid 3px;transition:all 0.5s;}
.honor-list .pic img{display:block;width:100%;transition:all 1s;}
.honor-list .tit{margin-top:26px;line-height:25px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.honor-list .tit a{color:#333;}
.honor-list .item:hover .pic{border-color:#226dca;}
.honor-list .item:hover .pic img{transform:scale(1.1);}
.honor-slide .hd{padding-top:32px;text-align:center;}
.honor-slide .hd li{display:inline-block;margin:0 5px;width:10px;height:10px;text-indent:-9999px;cursor:pointer;background:#ccc;border-radius:5px;transition:all 0.5s;}
.honor-slide .hd li.cur{width:26px;background:#226dca;}
/*--end honor--*/

/*--step--*/
.step{position:relative;padding:80px 0;overflow:hidden;background:url(../images/step_bg.jpg) no-repeat center;background-size:cover;}
.step:after{display:block;position:absolute;top:237px;left:0;width:100%;height:1px;content:"";background:#fff;opacity:0.1;}
.step .wrap-title h2 em{font-size:60px;font-family:"DIN Medium";color:#ffcc00;}
.step-list{margin:0 -23px;overflow:hidden;}
.step-list .item{position:relative;float:left;margin:50px 23px 0;width:161px;height:150px;background:#fff;}
.step-list .item:before{display:block;position:absolute;left:50%;bottom:180px;margin-left:-9px;width:18px;height:18px;content:"";background:url(../images/step_list.png) no-repeat;animation:scale 3s infinite;}
.step-list .item:after{display:block;position:absolute;top:-4px;left:50%;margin-left:-4px;width:8px;height:8px;content:"";background:#fff;transform:rotate(-45deg);}
.step-list .item i{display:block;margin:40px auto 10px;width:40px;height:40px;}
.step-list .item i img{display:block;width:100%;}
.step-list .item span{display:block;text-align:center;line-height:30px;font-size:20px;color:#333;}
.step-list .item:hover,.step-list .item:hover:after{background:#2d7bdd;transition:all 0.5s;}
.step-list .item:hover i{filter:contrast(0) brightness(2);}
.step-list .item:hover span{color:#fff;}
.step-form{position:relative;margin:68px auto 0;width:474px;height:55px;line-height:55px;overflow:hidden;background:#fff;border-radius:30px;}
.step-form input{display:block;padding:0 30px;width:236px;height:55px;font-size:14px;border:none;outline:none;background:#fff url(../images/step_tel.png) no-repeat 96% center;transition:all 0.5s;box-sizing:border-box;}
.step-form a{display:block;position:absolute;right:0;top:0;width:236px;height:55px;font-size:14px;color:#000;text-align:center;background:#ffcc00;transition:all 0.5s;}
.step-form a:after{display:inline-block;margin-left:10px;width:16px;height:16px;content:"";vertical-align:middle;background:url(../images/step_submit.png) no-repeat;}
.step-form a:hover{color:#fff;text-decoration:none;background:#2d7bdd;}
/*--end step--*/

/*--aboutus--*/
.aboutus{padding:80px 0;overflow:hidden;background:#fff;}
.aboutus .inner{height:476px;}
.aboutus .pic{position:relative;float:left;width:602px;height:476px;}
.aboutus .pic img{display:block;position:absolute;top:0;right:0;width:963px;height:476px;}
.aboutus .pic:hover img{opacity:0.8;}
.aboutus .text{float:right;width:544px;}
.aboutus .text .hd{padding:15px 0;overflow:hidden;border-bottom:#2d7bdd solid 5px;}
.aboutus .text .hd h3{font-size:24px;color:#333;}
.aboutus .text .hd h3 a{color:#333;text-decoration: none;}
.aboutus .text .hd em{font-size:12px;font-family:"DIN Medium";color:#666;}
.aboutus .text .bd{padding-top:24px;height:225px;overflow:hidden;}
.aboutus .text .bd p{font-size:16px;line-height:25px;color:#666;}
.aboutus .text .bd p a{text-decoration: none;}
.aboutus .text .thumb{padding-top:35px;overflow:hidden;}
.aboutus .text .thumb ul{margin:0 -15px;overflow:hidden;}
.aboutus .text .thumb li{float:left;margin:0 15px;width:113px;height:113px;overflow:hidden;}
.aboutus .text .thumb li img{display:block;width:100%;}
/*--end aboutus--*/

/*--news--*/
.news{padding:80px 0;overflow:hidden;background:#eee;}
.news-tab{overflow:hidden;}
.news-menu{margin-bottom:38px;text-align:center;}
.news-menu li{display:inline-block;margin:0 18px;text-align:center;font-size:18px;}
.news-menu li a{display:block;width:164px;height:50px;line-height:50px;border:#e1e1e1 solid 1px;background:#eee;border-radius:30px;transition:all 0.5s;}
.news-menu li.cur a,.news-menu li:hover a{color:#fff;text-decoration:none;border-color:#226dca;background-color:#226dca;}
.news-main{overflow:hidden;}
.news-top{position:relative;float:left;width:602px;height:452px;overflow:hidden;}
.news-top .pic{width:602px;height:452px;overflow:hidden;}
.news-top .pic img{display:block;width:100%;transition:all 1s;}
.news-top .pic:hover img{transform:scale(1.1);}
.news-top .tit{position:absolute;left:0;bottom:0;width:100%;height:60px;line-height:60px;transition:all 0.5s;}
.news-top .tit a{display:block;padding:0 30px;color:#fff;background:rgba(0,0,0,0.5);}
.news-top .tit em{float:right;font-size:16px;font-family:"DIN Medium";}
.news-top .tit h3{font-size:18px;font-weight:normal;}
.news-top:hover .tit{background:#226dca;}
.news-top:hover .tit a{text-decoration:none;color:#fff;}
.news-list{float:right;width:554px;overflow:hidden;}
.news-list .item{margin-bottom:40px;padding-bottom:4px;overflow:hidden;border-bottom:#e1e1e1 solid 1px;}
.news-list .item:last-child{margin-bottom:0;}
.news-list .item h3{height:25px;line-height:25px;font-weight:normal;overflow:hidden;}
.news-list .item h3 a{font-size:20px;color:#333;}
.news-list .item h3 a:hover{text-decoration:none;color:#226dca;}
.news-list .item p{margin-top:10px;height:50px;line-height:25px;font-size:14px;color:#666;overflow:hidden;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list .item em{display:block;margin-top:15px;font-size:14px;color:#bbb;line-height:18px;overflow:hidden;}
/*--end news--*/